<template>
  <div
    class="list-group-item"
    draggable="true"
  >
    <span class="tag">
      <svg-icon icon-class="input" class="icon input" />
      <span>节</span>
    </span>
    <div class="temp">
      <section
        class="section"
        designerTpye="section"
        ondrop="window.parent.postMessage({
          container_elId: event.target.getAttribute('data-elid')
          // el_target: event.target
        },'*')"
        style="min-height: 200px; border: 1px dashed #ddd; padding: 5px;"
      />
      <!--<section
        class="section"
        designerTpye="section"
        ondrop="console.dir(event.target)"
        style="min-height: 200px; border: 1px solid red; padding: 5px;"
      />-->
    </div>
  </div>
</template>

<script>
export default {
  name: 'Section'
}
</script>

<style scoped>

</style>
